<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BOOK STORE</title>
<script type="text/javascript" src="js/js1.11.js"></script>
<script type="text/javascript" src="js/jssite.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.css"/>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="styles/stylesite.css"/>
</head>

<body>
<div class="container">
  <div class="header clr ">
    <div class="clr container" ><!-- Button trigger modal -->
      <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button>
      
      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
              <input type="text" class="form-control" />
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--header-->
  <div class="banner clr">
    <div class="logo col-xs-12"> <a class="logo" href="xx"> <img src="img/logosach.png" alt="BookStore"/> </a> </div>
    <!--End logo-->
    <div class="bannerright hidden-xs"> <a href="xx"> <img src="img/logosach2.png" alt="BookStore"/> </a> </div>
  </div>
  <!--Banner-->
  <div class="menu">
    <div id='cssmenu'>
      <ul>
        <li class='active'><a href='index.html'><span>Home</span></a></li>
        <li class='has-sub'><a href='#'><span>Products</span></a>
          <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class='has-sub'><a href='#'><span>Products</span></a>
          <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class='has-sub'><a href='#'><span>Products</span></a>
          <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class='has-sub'><a href='#'><span>Products</span></a>
          <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>
              <ul>
                <li><a href='#'><span>Sub Item</span></a></li>
                <li class='last'><a href='#'><span>Sub Item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href='#'><span>About</span></a></li>
        <li class='last'><a href='#'><span>Contact</span></a></li>
      </ul>
    </div>
  </div>
  <!--Menu-->
  <div class="left"> xxxxxxxxxxx</div>
  <!--Search-->
  
  <div style="float:left; background:">
    <div class="col-md-3" style="padding-left:0;">
      <div class="left-1">
        <div class="titleside"> <span class="glyphicon glyphicon-tint"></span>Sản phẩm tiêu biểu</div>
        <div> xin chào anh chị em</div>
      </div>
      <div class="left-2">
        <div class="titleside"><span class="glyphicon glyphicon-step-forward"></span> Liên lạc</div>
        <div> Xem phim HD miễn phí <br />
          Kiem tra ten mien<br />
          Dang ky ten mien<br />
          ten mien<br />
          hosting<br />
          Nhân Hòa<br />
          Thiet ke web<br />
        </div>
      </div>
      <div class="left-3">
        <div class="titleside"><span class="glyphicon glyphicon-search"></span> Liên lạc</div>
        <div> Xem phim HD miễn phí <br />
          Kiem tra ten mien<br />
          Dang ky ten mien<br />
          ten mien<br />
          hosting<br />
          Nhân Hòa<br />
          Thiet ke web<br />
        </div>
      </div>
      <div class="left-4">
        <div class="titleside">Liên lạc</div>
        <div> Xem phim HD miễn phí <br />
          Kiem tra ten mien<br />
          Dang ky ten mien<br />
          ten mien<br />
          hosting<br />
          Nhân Hòa<br />
          Thiet ke web<br />
        </div>
      </div>
      <div class="left-5">
        <div class="titleside">Liên lạc</div>
        <div> Xem phim HD miễn phí <br />
          Kiem tra ten mien<br />
          Dang ky ten mien<br />
          ten mien<br />
          hosting<br />
          Nhân Hòa<br />
          Thiet ke web<br />
        </div>
      </div>
    </div>
    <!--Content-Left-->
    <div class="col-md-9" style="padding:0;">
      <div class="slider col-xs-12  col-sm-12"> 
        <!-- Carousel
                    ================================================== -->
        <div id="myCarousel" class="carousel slide"> 
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class=""></li>
            <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="2" class=""></li>
            <li data-target="#myCarousel" data-slide-to="3" class=""></li>
          </ol>
          <div class="carousel-inner">
            <div class="item"> <img src="img/slide1.jpg" width="850" height="250"> </div>
            <div class="item active"> <img src="img/slide2.jpg" width="850" height="250"> </div>
            <div class="item"> <img src="img/slide3.jpg" width="850" height="250"> </div>
            <div class="item"> <img src="img/slide4.jpg" width="850" height="250"> </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div>
        <!-- /.carousel --> 
      </div>
      <div class="maincontent left"> chán đời, chán đảng, chán nhân dân</div>
    </div>
    <!-- Content-Right--> 
  </div>
  <!--Content-->
  <div class="clr" style="float:left; padding:0">
    <div class="footerx">
      <div class="ft">
        <div class="row">
          <div class="col-md-4">
            <h4 class="ft-text text-center">Về Đối tác</h4>
            <p class="text-footer" style="text-align:justify">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
            <center>
              <a href="#" class="btn btn-primary"><i class="glyphicon glyphicon-star-empty"></i> Khách hàng của chúng tôi</a>
            </center>
          </div>
          <div class="col-md-4">
            <h4 class="ft-text text-center">Về Đội ngũ</h4>
            <p class="text-footer" style="text-align:justify">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
            <center>
              <a href="#" class="btn btn-success"><i class="glyphicon glyphicon-chevron-down"></i> Đội ngũ của chúng tôi</a>
            </center>
          </div>
          <div class="col-md-4">
            <h4 class="ft-text text-center">Về Giải Thưởng</h4>
            <p class="text-footer" style="text-align:justify">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
            <center>
              <a href="#" class="btn btn-info"><i class="glyphicon glyphicon-user"></i> Liên hệ với chúng tôi</a>
            </center>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Footer-->
  <div class="clr" style="float:left; width:100%">
    <p classstyle="color:#d3eced;"> Copyright @1999-2009 MINHKHAI.VN All rights Reserved. <br />
      Công Ty TNHH Minh Khai S.G (Nhà sách Minh Khai) <br />
      249 Nguyễn Thị Minh Khai, F. Nguyễn Cư Trinh, Q.1, Tp. Hồ Chí Minh<br />
      Giấy chứng nhận đăng ký kinh doanh số: 4102019159<br />
      Mã số doanh nghiệp 0303209716 - Đăng ký thay đổi lần 6 ngày 30/07/2010<br />
      Ðiện Thoại (08)39250590 - (08)39250591 -Fax: (08)39257837<br />
      E-mail:mk.book@minhkhai.vn hoặc mk.book@minhkhai.com.vn <br />
    </p>
  </div>
</div>
</div>
</body>
</html>